Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.
Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.
Uma citação famosa:
"Quando Gregor Samsa, certa manhã, despertou de sonhos intranquilos, encontrou-se em sua cama metamorfoseado em um inseto monstruoso." A metamorfose``` ```css :root { --color: red; } blockquote { --color: gray; } blockquote span { color: var(--color); } cite { --color: orange; color: var(--color); } p { color: var(--color); } ``` Qual será a cor do texto no parágrafo? E no `cite`? E no `span`? ### Exercício 5: CSS grid Reproduza a imagem abaixo usando CSS grid:  ## Exercícios - Javascript ### Exercício 1: o console do navegador **1.1** Escreva expressões em javascript correspondentes aos seguintes comandos: * A soma dos 5 primeiros inteiros positivos. * A idade média de Sara (idade 23), Mark (idade 19) e Fátima (idade 31). * O número de vezes que 73 cabe em 403. * O resto de quando 403 é dividido por 73. * 2 à 10a potência. * O valor absoluto da distância entre a altura de Sara (54 polegadas) e a altura de Mark (57 polegadas). * O menor preço entre os seguintes preços: R$ 34,99, R$ 29,95 e R$ 31,50 **1.2** Escreva expressões em javascript correspondentes às seguintes afirmações booleanas * A soma de 2 e 2 é menor que 4. * O valor de 7 / 3 é igual a 1 + 1. * A soma de 3 ao quadrado e 4 ao quadrado é igual a 25. * A soma de 2, 4 e 6 é maior que 12. * 1387 é divisível por 19. * 31 é par. (Dica: o que o resto lhe diz quando você divide por 2?) * O preço mais baixo dentre R$ 34,99, R$ 29,95 e R$ 31,50 é menor que R$ 30,00. **1.3** Escreva expressões que correspondem às ações a seguir e execute-as: * Atribua o número 3 à variável a. * Atribua 4 à variável b. * Atribua à variável c o valor da expressão a * a + b * b. **1.4** Escreva expressões em javascript correspondentes ao seguinte: * O comprimento da hipotenusa em um triângulo retângulo cujos dois outros lados têm comprimentos `a` e `b` * O valor da expressão que avalia se o comprimento da hipotenusa acima é 5 * A área de um disco com raio `a` * O valor da expressão Booleana que verifica se um ponto com coordenadas `x` e `y` está dentro de um círculo com centro `(a, b)` e raio `r` **1.5** ```js let palavras = ['taco', 'bola', 'celeiro', 'cesta', 'peteca'] ``` Agora, escreva duas expressões que são avaliadas, respectivamente, como a primeira e a última palavras em palavras, na ordem do dicionário. **1.6** Em que ordem os operadores nas expressões a seguir são avaliados? * `2 + 3 == 4 || a >= 5` * `lst[1] * -3 < -10 == 0` * `2 * 3**2` **1.7** Qual é o tipo do valor ao qual essas expressões são avaliadas? * `False + False` * `2 * 3**2.0` * `4 // 2 + 4 % 2` * `2 + 3 == 4 or 5 >= 5` **1.8** Comece executando ```js let s = 'goodbye' ``` Depois, escreva uma expressão Booleana que verifica se: * O primeiro caractere da string s é `g` * O sétimo caractere de s é `g` * Os dois primeiros caracteres de s são `g` e `a` * O penúltimo caractere de s é `x` * O caractere do meio de s é `d` * O primeiro e último caracteres da string s são iguais Nota: Essas sete instruções devem ser avaliadas como `true`, `false`, `false`, `false`, `true`, `false` e `false`, respectivamente. **1.9** Um alvo de dardos de raio 10 e a parede em que está pendurado são representados usando o sistema de coordenadas bidimensionais, com o centro do alvo na coordenada `(0, 0)`. As variáveis `x` e `y` armazenam as coordenadas `x` e `y` de um lançamento de dardo. Escreva uma expressão usando as variáveis `x` e `y` que avalia como True se o dardo atingir o (estiver dentro do) alvo, e avalie a expressão para estas coordenadas do dardo: a. `(0, 0)` b. `(10, 10)` c. `(6, –6)` d. `(–7, 8)` **1.10** FizzBuzz **1.10.1** Dada uma variável `n`, imprima `par` quando ela for par ou `ímpar` ela for ímpar. **1.10.2** Dada uma variável `n`, imprima `Fizz` se ela for divisível por 3. Caso contrário, imprima a própria variável. **1.10.3** Dada uma variável `n`, imprima `Buzz` se ela for divisível por 5. Caso contrário, imprima a própria variável **1.10.4** Dada uma variável `n`, imprima `FizzBuzz` na saída se ela for divisível por 3 e por 5. Caso contrário, imprima a própria variável. **1.10.5** Dada uma variável `n`, imprima: * `Fizz` se ela for divisível por 3; * `Buzz` se ela for divisível por 5; * `FizzBuzz` se ela for divisível por 3 e por 5; * a própria variável, caso contrário. ### Exercício 2: Objetos **2.1** Considere o seguinte objeto: ```js const cao1 = { nome: "Bidu", cor: "azul", raca: "schnauzer", }; ``` **2.1.1** Defina uma variável `cao2` que contenha informação de nome, cor e raça de algum outro cachorro. **2.1.2** Imprima na tela a seguinte mensagem. Seu código deve utilizar os valores da variável `cao1`, de modo a ser facilmente adaptado para a variável `cao2`. ```txt Esse é o Bidu. Ele é azul e é da raça schnauzer. ``` **2.2** Considere o seguinte objeto: ```js const casa = { rua: "Alameda Nothmann", numero: "88", bairro: "Campos Elíseos", cidade: "São Paulo", UF: "SP", CEP: "01216-001", }; ``` **2.2.1** Repare que há um problema de definição no objeto: A propriedade diz que é uma rua, mas o valor diz que é uma Alameda! Defina esse objecto novamente, separando a informação acima em dois campos: `tipo_logradouro`, que diz se trata-se de uma rua, avenida, alameda, etc; e `logradouro`, que informa somente o nome do logradouro. **2.2.2** Dado o obeto `casa` resultado do exercício anterior, o que o código abaixo vai imprimir? ```js console.log(casa.bairro); console.log(casa["cidade"]); let prop = "logradouro"; console.log(casa[prop]); prop = "tipo_" + prop; console.log(casa[prop]); ``` **2.3** Qual o valor final que estará armazenado em `x` e em `y`? ```js let x = 50; let y = 20; let aux = x; x = y y = aux; ``` *Para implementar as funções dos próximos exercícios, faça o download {% lf 'files/funcoes.zip' 'dessa' %} pasta e implemente-as no arquivo `script.js`.* **2.4** Implemente as seguintes funções: **2.4.1** Uma função que imprime a temperatura em Farenheits equivalente a 34 graus Celsius. **2.4.2** Uma função que recebe uma temperatura (tipo `Number`) em graus Celsius e *imprime* a temperatura equivalente em Farenheit. **2.4.2** Uma função que recebe uma temperatura (tipo `Number`) em graus Celsius e *devolve* a mesma temperatura em graus Farenheit. **2.5** Implemente a função `bissexto`, que recebe um ano (tipo `Number`) e imprime `Pode ser um ano bissexto` se o ano for divisível por quatro; caso contrário, imprime `Definitivamente não é um ano bissexto`. **2.6** Implemente a função `iniciais`, que recebe duas string: o nome e o sobrenome de uma pessoa. Essa função *devolve* uma string correspondente às iniciais da pessoa. As iniciais de Albert Einstein, por exemplo, são "AE". **2.6** Implemente as seguintes funções: **2.6.1** Uma função `area`, que recebe a medida do lado de um quadrado e devolve sua área. **2.6.2** Uma função `perimetro`, que recebe a medida do lado de um quadrado e devolve seu perímetro. **2.6.3** Uma função `infos_quadrado`, que recebe a medida do lado de um quadrado e devolve as informações de área e perímetro dele. As informações devem estar no seguinte formato: ```txt Área: <área> - Perímetro: